<div class="m-phone-country-code" id="phone-country-code">
    <div class="search">
        {% if user_agent == 2 %}
        <input type="text" placeholder="搜索国家和地区..."></input>
        <a class="cancel" href="javascript:;"></a>
        {% else %}
        <input type="text" placeholder="搜索国家和地区..."></input>
        <span class="cancel">取消</span>
        {% endif %}
    </div>
    <ul class="country-list">
        <li class="country-index">
            <div>A</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="DZ" data-num="213"><span>阿尔及利亚</span><i>+213</i>
                </li>
                <li class="country-item" data-code="AF" data-num="93"><span>阿富汗</span><i>+93</i>
                </li>
                <li class="country-item" data-code="AR" data-num="54"><span>阿根廷</span><i>+54</i>
                </li>
                <li class="country-item" data-code="AE" data-num="971"><span>阿联酋</span><i>+971</i>
                </li>
                <li class="country-item" data-code="AZ" data-num="994"><span>阿塞拜疆</span><i>+994</i>
                </li>
                <li class="country-item" data-code="EG" data-num="20"><span>埃及</span><i>+20</i>
                </li>
                <li class="country-item" data-code="IE" data-num="353"><span>爱尔兰</span><i>+353</i>
                </li>
                <li class="country-item" data-code="AD" data-num="376"><span>安道尔</span><i>+376</i>
                </li>
                <li class="country-item" data-code="AO" data-num="244"><span>安哥拉</span><i>+244</i>
                </li>
                <li class="country-item" data-code="AT" data-num="43"><span>奥地利</span><i>+43</i>
                </li>
                <li class="country-item" data-code="AU" data-num="61"><span>澳大利亚</span><i>+61</i>
                </li>
                <li class="country-item" data-code="MO" data-num="853"><span>澳门</span><i>+853</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>B</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="PG" data-num="675"><span>巴布亚新几内亚</span><i>+675</i>
                </li>
                <li class="country-item" data-code="BS" data-num="1242"><span>巴哈马</span><i>+1242</i>
                </li>
                <li class="country-item" data-code="PK" data-num="92"><span>巴基斯坦</span><i>+92</i>
                </li>
                <li class="country-item" data-code="PY" data-num="595"><span>巴拉圭</span><i>+595</i>
                </li>
                <li class="country-item" data-code="BH" data-num="973"><span>巴林</span><i>+973</i>
                </li>
                <li class="country-item" data-code="PA" data-num="507"><span>巴拿马</span><i>+507</i>
                </li>
                <li class="country-item" data-code="BR" data-num="55"><span>巴西</span><i>+55</i>
                </li>
                <li class="country-item" data-code="BY" data-num="375"><span>白俄罗斯</span><i>+375</i>
                </li>
                <li class="country-item" data-code="BG" data-num="359"><span>保加利亚</span><i>+359</i>
                </li>
                <li class="country-item" data-code="BJ" data-num="229"><span>贝宁</span><i>+229</i>
                </li>
                <li class="country-item" data-code="BE" data-num="32"><span>比利时</span><i>+32</i>
                </li>
                <li class="country-item" data-code="BO" data-num="591"><span>玻利维亚</span><i>+591</i>
                </li>
                <li class="country-item" data-code="PL" data-num="48"><span>波兰</span><i>+48</i>
                </li>
                <li class="country-item" data-code="BW" data-num="267"><span>博茨瓦纳</span><i>+267</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>D</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="DK" data-num="45"><span>丹麦</span><i>+45</i>
                </li>
                <li class="country-item" data-code="DE" data-num="49"><span>德国</span><i>+49</i>
                </li>
                <li class="country-item" data-code="DO" data-num="1890"><span>多米尼加共和国</span><i>+1890</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>E</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="RU" data-num="7"><span>俄罗斯</span><i>+7</i>
                </li>
                <li class="country-item" data-code="EC" data-num="593"><span>厄瓜多尔</span><i>+593</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>F</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="FR" data-num="33"><span>法国</span><i>+33</i>
                </li>
                <li class="country-item" data-code="PH" data-num="63"><span>菲律宾</span><i>+63</i>
                </li>
                <li class="country-item" data-code="FI" data-num="358"><span>芬兰</span><i>+358</i>
                </li>
                <li class="country-item" data-code="FJ" data-num="679"><span>斐济</span><i>+679</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>G</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="CG" data-num="242"><span>刚果</span><i>+242</i>
                </li>
                <li class="country-item" data-code="CO" data-num="57"><span>哥伦比亚</span><i>+57</i>
                </li>
                <li class="country-item" data-code="CR" data-num="506"><span>哥斯达黎加</span><i>+506</i>
                </li>
                <li class="country-item" data-code="CU" data-num="53"><span>古巴</span><i>+53</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>H</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="KZ" data-num="7"><span>哈萨克斯坦</span><i>+7</i>
                </li>
                <li class="country-item" data-code="HT" data-num="509"><span>海地</span><i>+509</i>
                </li>
                <li class="country-item" data-code="KR" data-num="82"><span>韩国</span><i>+82</i>
                </li>
                <li class="country-item" data-code="NL" data-num="31"><span>荷兰</span><i>+31</i>
                </li>
                <li class="country-item" data-code="AN" data-num="599"><span>荷属安的列斯</span><i>+599</i>
                </li>
                <li class="country-item" data-code="HN" data-num="504"><span>洪都拉斯</span><i>+504</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>J</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="DJ" data-num="253"><span>吉布提</span><i>+253</i>
                </li>
                <li class="country-item" data-code="KG" data-num="996"><span>吉尔吉斯斯坦</span><i>+996</i>
                </li>
                <li class="country-item" data-code="CA" data-num="1"><span>加拿大</span><i>+1</i>
                </li>
                <li class="country-item" data-code="GH" data-num="233"><span>加纳</span><i>+233</i>
                </li>
                <li class="country-item" data-code="KH" data-num="855"><span>柬埔寨</span><i>+855</i>
                </li>
                <li class="country-item" data-code="CZ" data-num="420"><span>捷克</span><i>+420</i>
                </li>
                <li class="country-item" data-code="ZW" data-num="263"><span>津巴布韦</span><i>+263</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>K</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="CM" data-num="237"><span>喀麦隆</span><i>+237</i>
                </li>
                <li class="country-item" data-code="QA" data-num="974"><span>卡塔尔</span><i>+974</i>
                </li>
                <li class="country-item" data-code="CI" data-num="225"><span>科特迪瓦</span><i>+225</i>
                </li>
                <li class="country-item" data-code="KW" data-num="965"><span>科威特</span><i>+965</i>
                </li>
                <li class="country-item" data-code="HR" data-num="385"><span>克罗地亚</span><i>+385</i>
                </li>
                <li class="country-item" data-code="KE" data-num="254"><span>肯尼亚</span><i>+254</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>L</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="LV" data-num="371"><span>拉脱维亚</span><i>+371</i>
                </li>
                <li class="country-item" data-code="LA" data-num="856"><span>老挝</span><i>+856</i>
                </li>
                <li class="country-item" data-code="LT" data-num="370"><span>立陶宛</span><i>+370</i>
                </li>
                <li class="country-item" data-code="LU" data-num="352"><span>卢森堡</span><i>+352</i>
                </li>
                <li class="country-item" data-code="RW" data-num="250"><span>卢旺达</span><i>+250</i>
                </li>
                <li class="country-item" data-code="RO" data-num="40"><span>罗马尼亚</span><i>+40</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>M</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="MG" data-num="261"><span>马达加斯加</span><i>+261</i>
                </li>
                <li class="country-item" data-code="MW" data-num="265"><span>马拉维</span><i>+265</i>
                </li>
                <li class="country-item" data-code="MY" data-num="60"><span>马来西亚</span><i>+60</i>
                </li>
                <li class="country-item" data-code="ML" data-num="223"><span>马里</span><i>+223</i>
                </li>
                <li class="country-item" data-code="MU" data-num="230"><span>毛里求斯</span><i>+230</i>
                </li>
                <li class="country-item" data-code="US" data-num="1"><span>美国</span><i>+1</i>
                </li>
                <li class="country-item" data-code="MN" data-num="976"><span>蒙古</span><i>+976</i>
                </li>
                <li class="country-item" data-code="PE" data-num="51"><span>秘鲁</span><i>+51</i>
                </li>
                <li class="country-item" data-code="MM" data-num="95"><span>缅甸</span><i>+95</i>
                </li>
                <li class="country-item" data-code="MA" data-num="212"><span>摩洛哥</span><i>+212</i>
                </li>
                <li class="country-item" data-code="MC" data-num="377"><span>摩纳哥</span><i>+377</i>
                </li>
                <li class="country-item" data-code="MZ" data-num="258"><span>莫桑比克</span><i>+258</i>
                </li>
                <li class="country-item" data-code="MX" data-num="52"><span>墨西哥</span><i>+52</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>N</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="NA" data-num="264"><span>纳米比亚</span><i>+264</i>
                </li>
                <li class="country-item" data-code="ZA" data-num="27"><span>南非</span><i>+27</i>
                </li>
                <li class="country-item" data-code="NP" data-num="977"><span>尼泊尔</span><i>+977</i>
                </li>
                <li class="country-item" data-code="NI" data-num="505"><span>尼加拉瓜</span><i>+505</i>
                </li>
                <li class="country-item" data-code="NE" data-num="227"><span>尼日尔</span><i>+227</i>
                </li>
                <li class="country-item" data-code="NG" data-num="234"><span>尼日利亚</span><i>+234</i>
                </li>
                <li class="country-item" data-code="NO" data-num="47"><span>挪威</span><i>+47</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>P</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="PW" data-num="680"><span>帕劳</span><i>+680</i>
                </li>
                <li class="country-item" data-code="PT" data-num="351"><span>葡萄牙</span><i>+351</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>R</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="JP" data-num="81"><span>日本</span><i>+81</i>
                </li>
                <li class="country-item" data-code="SE" data-num="46"><span>瑞典</span><i>+46</i>
                </li>
                <li class="country-item" data-code="CH" data-num="41"><span>瑞士</span><i>+41</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>S</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="SV" data-num="503"><span>萨尔瓦多</span><i>+503</i>
                </li>
                <li class="country-item" data-code="RS" data-num="381"><span>塞尔维亚</span><i>+381</i>
                </li>
                <li class="country-item" data-code="SL" data-num="232"><span>塞拉利昂</span><i>+232</i>
                </li>
                <li class="country-item" data-code="SN" data-num="221"><span>塞内加尔</span><i>+221</i>
                </li>
                <li class="country-item" data-code="CY" data-num="357"><span>塞浦路斯</span><i>+357</i>
                </li>
                <li class="country-item" data-code="SA" data-num="966"><span>沙特阿拉伯</span><i>+966</i>
                </li>
                <li class="country-item" data-code="LK" data-num="94"><span>斯里兰卡</span><i>+94</i>
                </li>
                <li class="country-item" data-code="SK" data-num="421"><span>斯洛伐克</span><i>+421</i>
                </li>
                <li class="country-item" data-code="SI" data-num="368"><span>斯洛文尼亚</span><i>+368</i>
                </li>
                <li class="country-item" data-code="SD" data-num="249"><span>苏丹</span><i>+249</i>
                </li>
                <li class="country-item" data-code="SB" data-num="677"><span>所罗门群岛</span><i>+677</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>T</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="TJ" data-num="992"><span>塔吉克斯坦</span><i>+992</i>
                </li>
                <li class="country-item" data-code="TW" data-num="886"><span>台湾</span><i>+886</i>
                </li>
                <li class="country-item" data-code="TH" data-num="66"><span>泰国</span><i>+66</i>
                </li>
                <li class="country-item" data-code="TZ" data-num="255"><span>坦桑尼亚</span><i>+255</i>
                </li>
                <li class="country-item" data-code="TR" data-num="90"><span>土耳其</span><i>+90</i>
                </li>
                <li class="country-item" data-code="TM" data-num="993"><span>土库曼斯坦</span><i>+993</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>W</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="GT" data-num="502"><span>危地马拉</span><i>+502</i>
                </li>
                <li class="country-item" data-code="VE" data-num="58"><span>委内瑞拉</span><i>+58</i>
                </li>
                <li class="country-item" data-code="UG" data-num="256"><span>乌干达</span><i>+256</i>
                </li>
                <li class="country-item" data-code="UA" data-num="380"><span>乌克兰</span><i>+380</i>
                </li>
                <li class="country-item" data-code="UY" data-num="598"><span>乌拉圭</span><i>+598</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>X</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="ES" data-num="34"><span>西班牙</span><i>+34</i>
                </li>
                <li class="country-item" data-code="GR" data-num="30"><span>希腊</span><i>+30</i>
                </li>
                <li class="country-item" data-code="HK" data-num="852"><span>香港</span><i>+852</i>
                </li>
                <li class="country-item" data-code="SG" data-num="65"><span>新加坡</span><i>+65</i>
                </li>
                <li class="country-item" data-code="NZ" data-num="64"><span>新西兰</span><i>+64</i>
                </li>
                <li class="country-item" data-code="HU" data-num="36"><span>匈牙利</span><i>+36</i>
                </li>
                <li class="country-item" data-code="SY" data-num="963"><span>叙利亚</span><i>+963</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>Y</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="YE" data-num="967"><span>也门</span><i>+967</i>
                </li>
                <li class="country-item" data-code="IQ" data-num="964"><span>伊拉克</span><i>+964</i>
                </li>
                <li class="country-item" data-code="IR" data-num="98"><span>伊朗</span><i>+98</i>
                </li>
                <li class="country-item" data-code="IL" data-num="972"><span>以色列</span><i>+972</i>
                </li>
                <li class="country-item" data-code="IT" data-num="39"><span>意大利</span><i>+39</i>
                </li>
                <li class="country-item" data-code="IN" data-num="91"><span>印度</span><i>+91</i>
                </li>
                <li class="country-item" data-code="ID" data-num="62"><span>印度尼西亚</span><i>+62</i>
                </li>
                <li class="country-item" data-code="GB" data-num="44"><span>英国</span><i>+44</i>
                </li>
                <li class="country-item" data-code="JO" data-num="962"><span>约旦</span><i>+962</i>
                </li>
                <li class="country-item" data-code="VN" data-num="84"><span>越南</span><i>+84</i>
                </li>
            </ul>
        </li>
        <li class="country-index">
            <div>Z</div>
            <ul class="country-item-list">
                <li class="country-item" data-code="ZM" data-num="260"><span>赞比亚</span><i>+260</i>
                </li>
                <li class="country-item" data-code="GI" data-num="350"><span>直布罗陀</span><i>+350</i>
                </li>
                <li class="country-item" data-code="CL" data-num="56"><span>智利</span><i>+56</i>
                </li>
                <li class="country-item" data-code="CN" data-num="86"><span>中国</span><i>+86</i>
                </li>
            </ul>
        </li>
    </ul>
    <ul class="search-country-list">

    </ul>
</div>
